/* scss全局变量 可以配置不被主题影响的css*/
@transparent: transparent; /* 透明*/
@space16: 16px; /* 16px*/
@space8: 8px; /* 8px*/
@space4: 4px; /* 4px*/
@space2: 2px; /* 2px*/
@transitionlinear:all 0.1s linear;

#app {
  height: 100%;
  display: flex;
  flex-direction: column;
  overflow: auto;
  color: var(--primary-text-color);
  font-family: PingFang SC, PingFang SC;
}
.l-container {
  flex: 1;
  display: flex;
  overflow: auto;
}

.l-flex-direction-column {
  flex-direction: column;
}
.l-flex-direction-row {
  flex-direction: row;
}

.text-danger {
  color: var(--text-danger-color);
}

/* 页面切换动画
------------------------------- */
.slide-right-enter-active,
.slide-right-leave-active,
.slide-left-enter-active,
.slide-left-leave-active {
  will-change: transform;
  transition: all 0.2s ease;
}
// slide-right
.slide-right-enter-from {
  opacity: 0;
  transform: translateX(-16px);
}
.slide-right-leave-to {
  opacity: 0;
  transform: translateX(16px);
}
// slide-left
.slide-left-enter-from {
  opacity: 0;
  transform: translateX(16px);
}
.slide-left-leave-to {
  opacity: 0;
  transform: translateX(16px);
}

/* 文本不换行
------------------------------- */
.text-no-wrap {
  text-overflow: ellipsis;
  overflow: hidden;
  white-space: nowrap;
}

/* 多行文本溢出
  ------------------------------- */
.text-ellipsis1 {
  overflow: hidden;
  word-break: break-all;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-line-clamp: 1;
  -webkit-box-orient: vertical;
}
.text-ellipsis2 {
  overflow: hidden;
  word-break: break-all;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
}
.text-ellipsis3 {
  overflow: hidden;
  word-break: break-all;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-line-clamp: 3;
  -webkit-box-orient: vertical;
}

/* 重写ant-modal
  ------------------------------- */
.l-modal {
  .ant-modal-content {
    padding: 0;
    overflow: auto;
    .ant-modal-header {
      padding: 20px 24px 0 24px;
    }
    .ant-modal-body {
      border-top: 1px solid #e6e6e6;
    }
    .ant-modal-footer {
      padding: 0 24px 20px 24px;
    }
  }
  .l-modal-container {
    height: 500px;
    display: flex;
    flex-direction: column;
    overflow: auto;
  }
}

.l-date-picker {
  width: 100%;
}
.ant-form-item {
  .ant-form-item {
    margin-bottom: 0;
  }
}

.l-coustom-message-success{
  .ant-message-success{
    .anticon{
      color: #29ce92;
    }
  }
}